<!doctype html>
<html>
  <head>
    <title>Iconfont Viewer</title>
    <link rel="stylesheet" href="/css/style.css">
    <style type="text/css">
      .iconfont-list{
        box-sizing: border-box;
        width:980px;
        margin: 20px auto;
        background: #ffffff;
        color:#333;
        padding: 10px;
      }
      .iconfont-list li{
        display: inline-block;
        box-sizing: border-box;
        width: 96px;
        height:96px;
        margin:10px;
        border:1px solid #333;
        text-align: center;
      }
      .iconfont-list li .iconfont{
        display: block;
        font-size: 3rem;
        line-height: 1.4
      }
      .iconfont-list li:hover .iconfont{
        color:#aaa;
      }
      .iconfont-list li span{
        display: block;
      }
    </style>
  </head>
  <body>
    <ul class="iconfont-list">
      <%
        _(iconfonts).each(function(ic){
      %>
      <li>
        <i class="iconfont"><%=ic.code%></i>
        <span><%=_.escape(ic.code)%></span>
      </li>
      <%
        });
      %>
    </ul>
  </body>
</html>
